<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>小米闪购-小米商城</title>
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/iconfont.css">
	</head>
	<body>
		<!--顶部菜单栏-->
		<div class="topbar">
			<div class="container">
				<div class="topbar-nav">
					<a href="">小米商城</a><span>|</span>
					<a href="">MIUI</a><span>|</span>
					<a href="">IoT</a><span>|</span>
					<a href="">云服务</a><span>|</span>
					<a href="">金融</a><span>|</span>
					<a href="">有品</a><span>|</span>
					<a href="">小爱开放平台</a><span>|</span>
					<a href="">政企服务</a><span>|</span>
					<a href="">资质证照</a><span>|</span>
					<a href="">协议规则</a><span>|</span>
					<a href="">下载app</a><span>|</span>
					<a href="">Select Region</a><span>|</span>
				</div>
				<div class="topbar-cart">
					<a href=""><i class="iconfont">&#xe70b;</i>购物车（0）</a>
				</div>
				<div class="topbar-info  clearfix">
					<a href="">登录</a><span>|</span>
					<a href="">注册</a><span>|</span>
					<a href="">消息通知</a><span>|</span>
				</div>
			</div>
		</div>
		<!--头部导航栏-->
		<div class="header">
			<div class="container">
				<div class="header-logo"><img src="img/m.jpg"></div>
				<div class="header-nav">
					<ul class="nav-list clearfix">
						<li class="nav-category"> <a href="">全部商品分类</a></li>
						<li class="nav-item"> <a href="">小米手机</a></li>
						<li class="nav-item"> <a href="">红米</a></li>
						<li class="nav-item"><a href="">电视</a></li>
						<li class="nav-item"><a href=""> 笔记本</a></li>
						<li class="nav-item"> <a href="">家电</a></li>
						<li class="nav-item"><a href=""> 新品</a></li>
						<li class="nav-item"><a href=""> 路由器</a></li>
						<li class="nav-item"><a href="">智能硬件</a></li>
						<li class="nav-item"> <a href="">服务</a></li>
						<li class="nav-item"> <a href="">社区</a></li>
					</ul>
				</div>
				<div class="header-search">
					<form class="search-form">
						<input type="search" name="keyword" class="search-text">
						<input type="submit" value="&#xe651;" class="search-button iconfont">
					</form>
				</div>
			</div>
		</div>
		<div class="seckill">
			<div class="seckill-header"></div>
			<div class="container">
				<div class="seckill-nav" id="seckillNav">
					<ul id="tabs">
						<li class="active"><em>22:00</em><span><em>抢购中<br>距结束 01:22:47</em></span></li>
						<li><em>00:00</em><span> 明日开始</span></li>
						<li><em>10:00</em><span> 明日开始</span></li>
						<li><em> 12:00</em><span> 明日开始</span></li>
						<li><em>14:00</em><span> 明日开始</span></li>
					</ul>
				</div>
				<div class="seckill-goods" id="lists">
					<ul class="clearfix active">
						<li>
							<div class="bg"><img src="img/xm1.jpg"></div>
							<div class="info">
								<a href="" class="name">60cm柔软米兔抱枕 蓝色</a>
								<p class="tips">大尺寸趴姿米兔</p>
								<p class="price">25元 <del>129元</del></p>
								<!--del为删除线标签-->
								<a href="" class="btn">登录后抢购</a>
								<p class="person">已有1245人设置提醒</p>
							</div>
						</li>
						<li>
							<div class="bg"><img src="img/xm2.jpg"></div>
							<div class="info">
								<a href="" class="name">米兔遥控小飞机套装</a>
								<p class="tips">迷你酷玩具，溜到起飞</p>
								<p class="price">458.00元 <del>488元</del></p>
								<!--del为删除线标签-->
								<a href="" class="btn">登录后抢购</a>
								<p class="person">已有12465人设置提醒</p>
							</div>
						</li>
						<li>
							<div class="bg"><img src="img/xm3.jpg"></div>
							<div class="info">
								<a href="" class="name">小黄鸡米兔 黄色</a>
								<p class="tips">Q萌造型 让心融化</p>
								<p class="price">9.90元 <del>49元</del></p>
								<!--del为删除线标签-->
								<a href="" class="btn">登录后抢购</a>
								<p class="person">已有465人设置提醒</p>
							</div>
						</li>
					</ul>
					<ul class="clearfix">
						<li>
							<div class="bg"><img src="img/xm6.jpg"></div>
							<div class="info">
								<a href="" class="name">米家 LED 智能台灯 典雅白</a>
								<p class="tips">照明之上，光的艺术品</p>
								<p class="price">158.00元 <del>169元</del></p>
								<!--del为删除线标签-->
								<a href="" class="btn">提醒我</a>
								<p class="person">已有145人设置提醒</p>
							</div>
						</li>
						<li>
							<div class="bg"><img src="img/xm5.jpg"></div>
							<div class="info">
								<a href="" class="name">米兔儿童手表3 4G 红色</a>
								<p class="tips">新增移动支付功能</p>
								<p class="price">539.00元 <del>599元</del></p>
								<!--del为删除线标签-->
								<a href="" class="btn">登录后抢购</a>
								<p class="person">已有15人设置提醒</p>
							</div>
						</li>
					</ul>
					<ul class="clearfix">
						<li>
							<div class="bg"><img src="img/xm7.jpg"></div>
							<div class="info">
								<a href="" class="name">13.3"小米笔记本Air 银色 </a>
								<p class="tips">双核i3 8G 128G 集显</p>
								<p class="price">25元 <del>129元</del></p>
								<!--del为删除线标签-->
								<a href="" class="btn">提醒我</a>
								<p class="person">已有45人设置提醒</p>
							</div>
						</li>
						<li>
							<div class="bg"><img src="img/xm4.jpg"></div>
							<div class="info">
								<a href="" class="name">小米手环3 黑色</a>
								<p class="tips">全新OLED可触摸大屏</p>
								<p class="price">9.90元 <del>169元</del></p>
								<!--del为删除线标签-->
								<a href="" class="btn">登录后抢购</a>
								<p class="person">已有18015人设置提醒</p>
							</div>
						</li>
					</ul>
					<ul class="clearfix">
						<li>
							<div class="bg"><img src="img/xm8.jpg"></div>
							<div class="info">
								<a href="" class="name">经典款米兔（25cm） 白色 </a>
								<p class="tips">Q萌升级，做你的贴心玩伴</p>
								<p class="price">9.90元 <del>49元</del></p>
								<!--del为删除线标签-->
								<a href="" class="btn">提醒我</a>
								<p class="person">已有245人设置提醒</p>
							</div>
						</li>
					</ul>
					<ul class="clearfix">
						<li>
							<div class="bg"><img src="img/xm9.jpg"></div>
							<div class="info">
								<a href="" class="name">小米活塞耳机 清新版 黑色 </a>
								<p class="tips">新鲜绽放，五色可选</p>
								<p class="price">9.90元 <del>29元</del></p>
								<!--del为删除线标签-->
								<a href="" class="btn">提醒我</a>
								<p class="person">已有3675人设置提醒</p>
							</div>
						</li>
					</ul>
				</div>
				<p class="seckill-notice">*小米闪购活动规则：小米闪购商品不享受该商品在小米商城的其他优惠政策（包括但不限于优惠券、赠品、满减、满赠等）
					<br />温馨提示：因可能存在系统缓存、页面更新导致价格变动异常等不确定性情况出现，如您发现活动商品标价或促销信息有异常，请您立即联系小米客服，以便我们及时补正。
				</p>
			</div>
		</div>
		<script src="js/xm.js" type="text/javascript"></script>
	</body>
</html>